<template>
	<div class="mask" @click="$emit('cancel')">
		<img v-if="isNotFir" src="../../images/shareIndex2.png"/>
		<img v-else src="../../images/shareIndex_firent.png" alt="">
		<img src="../../images/shareIndexTop.png"/>
	</div>
</template>

<style scoped>
	.mask{width: 100vw;height: 110vh;background: rgba(0, 0, 0, .8);position: fixed;top: 0;left: 0;bottom: 0;z-index: 101;}
	img:nth-of-type(1){height: 15rem;z-index: 102;position: absolute;top: 20rem;right: 21%;}
	img:nth-of-type(2){height: 40%;z-index: 102;position: absolute;top: 0rem;right: 2rem;}
</style>

<script>
export default {
  props:{
	  isNotFir:{
		  type:Boolean,
		  default: true
	  }
  }
}
</script>

